<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>Kori Lin</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

  <!-- Favicons -->
  <link href="assets/img/logo.png" rel="icon">
  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link
    href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
    rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="assets/css/style.css" rel="stylesheet">

  <!-- =======================================================
  * Template Name: Vesperr - v4.0.1
  * Template URL: https://bootstrapmade.com/vesperr-free-bootstrap-template/
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->
</head>

<body>

  <!-- ======= Header ======= -->
  <header id="header" class="fixed-top d-flex align-items-center">
    <div class="container d-flex align-items-center justify-content-between">

      <div class="logo">
        <h1><a href="index.html">Kori Lin</a></h1>
        <!-- Uncomment below if you prefer to use an image logo -->
        <!-- <a href="index.html"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
      </div>

      <nav id="navbar" class="navbar">
        <ul>
          <li><a class="nav-link scrollto active" href="#hero">Home</a></li>
          <li><a class="nav-link scrollto" href="#about">About</a></li>
          <li class="dropdown"><a href="#"><span>links</span> <i class="bi bi-chevron-down"></i></a>
            <ul>
              <li><a target="_blank" href="https://korilin.com/blog/">技术博客</a></li>
              <li><a target="_blank" href="https://korilin.com/KUGshenzhen/">深圳 KUG</a></li>
            </ul>
          </li>
          <li><a class="getstarted scrollto" href="#about">Get Started</a></li>
        </ul>
        <i class="bi bi-list mobile-nav-toggle"></i>
      </nav><!-- .navbar -->

    </div>
  </header><!-- End Header -->

  <!-- ======= Hero Section ======= -->
  <section id="hero" class="d-flex align-items-center">

    <div class="container">
      <div class="row">
        <div class="col-lg-6 pt-5 pt-lg-0 order-2 order-lg-1 d-flex flex-column justify-content-center">
          <h1 data-aos="fade-up">Welcome! I'm Kori Lin.</h1>
          <h2 data-aos="fade-up" data-aos-delay="400">你好，我叫林洁彬，是一名 Developer，你可以叫我 Kori</h2>
          <div data-aos="fade-up" data-aos-delay="800">
            <a target="_blank" href="https://korilin.com/blog/" class="btn-get-started scrollto"
              style="margin-right:20px">技术博客</a>
            <a target="_blank" href="https://korilin.com/KUGshenzhen/" class="btn-get-started scrollto">深圳 KUG</a>
          </div>
        </div>
        <div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="fade-left" data-aos-delay="200">
          <img src="assets/img/logo.png" class="img-fluid animated" alt="">
        </div>
      </div>
    </div>

  </section><!-- End Hero -->

  <main id="main">

    <!-- ======= Clients Section ======= -->
    <section id="clients" class="clients clients">
      <div class="container">
        <div style="display: flex; justify-content: space-around; width: 300px; margin: auto;">
          <style>
            #clients img {
              width: 40px !important;
            }
          </style>

          <div>
            <a href="https://github.com/korilin" target="_blank" rel="noopener noreferrer"><img
                src="assets/img/clients/client-1.png" class="img-fluid aos-init aos-animate" alt="GitHub"
                data-aos="zoom-in"></a>
          </div>

          <div>
            <a href="https://twitter.com/korilin_dev" target="_blank" rel="noopener noreferrer"> <img
                src="assets/img/clients/client-2.png" class="img-fluid aos-init aos-animate" alt="Twitter"
                data-aos="zoom-in" data-aos-delay="50"></a>

          </div>

          <div>
            <a href="https://t.me/korilin" target="_blank" rel="noopener noreferrer"><img
                src="assets/img/clients/client-3.png" class="img-fluid aos-init aos-animate" alt="Telegram"
                data-aos="zoom-in" data-aos-delay="100"></a>

          </div>
        </div>
      </div>
    </section><!-- End Clients Section -->

    <!-- ======= About Us Section ======= -->
    <section id="about" class="about">
      <div class="container">

        <div class="section-title" data-aos="fade-up">
          <h2>关于我</h2>
        </div>

        <div class="row content">
          <div class="col-lg-6" data-aos="fade-up" data-aos-delay="150">
            <p>
              一个 Full Stack Developer，深圳 Kotlin User Group 筹建者，主要使用 Vue.js & Spring Boot 进行 Web 开发工作，平时使用的编程语言有 Java /
              Python / Kotlin，现在主要研究 Kotlin 和 Android 开发。
            </p>
            <ul>
              <li><i class="ri-check-double-line"></i> Email: korilin.dev@gmail.com </li>
            </ul>
          </div>
          <div class="col-lg-6 pt-4 pt-lg-0" data-aos="fade-up" data-aos-delay="300">
            <p>
              关于 Shenzhen Kotlin User Group，如果你也在学习 Kotlin，或对 Kotlin 这门语言感兴趣，欢迎你加入到我们的 User Group 中，
              你可以在深圳 KUG 的站点找到进入用户组交流群的方法，你可以通过上方
              <a href="#hero">Home</a> 的深圳 KUG 按钮进入用户组站点，
              也可以在 JetBrains Kotlin 官网中的 Kotlin User Groups List 中找到 Shenzhen Kotlin User Group 站点的入口。
            </p>
            <a target="_blank" href="https://kotlinlang.org/user-groups/user-group-list.html" class="btn-learn-more">在
              kotlinlang.org 查看 KUG</a>
          </div>
        </div>

      </div>
    </section><!-- End About Us Section -->

    <!-- ======= F.A.Q Section ======= -->
    <section id="faq" class="faq">
      <div class="container">

        <div class="section-title" data-aos="fade-up">
          <h2>Q & A</h2>
        </div>

        <div class="row faq-item d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
          <div class="col-lg-5">
            <i class="ri-question-line"></i>
            <h4>一些个人的信息</h4>
          </div>
          <div class="col-lg-7">
            <p>
              2000.03.06，潮汕揭阳人，目前（2021年）还是一名本科软工专业大三学生，校易班学生工作站技术部部长。有其它问题可以通过邮箱向我提问。
            </p>
          </div>
        </div><!-- End F.A.Q Item-->

      </div>
    </section><!-- End F.A.Q Section -->

  </main><!-- End #main -->

  <!-- ======= Footer ======= -->
  <footer id="footer">
    <div class="container">
      <div class="row d-flex align-items-center">
        <div class="col-lg-6 text-lg-left text-center">
          <div class="copyright">
            &copy; Copyright <strong>Kori Lin</strong>. All Rights Reserved
          </div>
          <div class="credits">
            <!-- All the links in the footer should remain intact. -->
            <!-- You can delete the links only if you purchased the pro version. -->
            <!-- Licensing information: https://bootstrapmade.com/license/ -->
            <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/vesperr-free-bootstrap-template/ -->
            Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
          </div>
          <div style="margin-top: 5px; font-size: 14px;">
            备案号：
            <a target="_blank" rel="noopener" href="http://beian.miit.gov.cn/" data-v-882df4f6="">
              粤ICP备19149652号
            </a>
          </div>
        </div>
        <div class="col-lg-6">
          <nav class="footer-links text-lg-right text-center pt-2 pt-lg-0">

            <img src="assets/img/hero-img.png" alt="Developer Dango" width="80px" height="80px">
            <span style="margin-left:10px; border: 1px #cecece solid; padding:10px 15px; border-radius: 20px;"> 这只的名字叫做
              kuroko !</span>
          </nav>
        </div>
      </div>
    </div>
  </footer><!-- End Footer -->

  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
      class="bi bi-arrow-up-short"></i></a>

  <!-- Vendor JS Files -->
  <script src="assets/vendor/aos/aos.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>
  <script src="assets/vendor/purecounter/purecounter.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>

  <!-- Template Main JS File -->
  <script src="assets/js/main.js"></script>

</body>

</html>